<div ng-controller="HomeController" layout="column" ng-cloak layout-fill ng-if="!config.fullscreenSkin">
    <section layout="row" flex>
    <md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="false" layout="column" layout-align="space-between stretch">
        <md-content>
            <div layout="column">
                <md-toolbar class="md-tall">
                    <span flex></span>
                    <div layout="column" class="md-toolbar-tools-bottom inset">
                        <user-avatar></user-avatar>
                        <span></span>
                        <div>Home</div>
                    </div>
                </md-toolbar>
                <md-list>
                    <md-list-item ng-repeat="menu in menus" ng-click="menuClick($index)">
                        <md-item-content md-ink-ripple layout="row" layout-align="start center">
                            <div class="inset">
                                <md-icon class="material-icons">{{menu.icon}}</md-icon>
                            </div>
                            <div class="inset">
                                {{ menu.name | translate }}
                            </div>
                        </md-item-content>
                    </md-list-item>
                </md-list>
            </div>
        </md-content>
        <div style="position: absolute; left: 5px; bottom: 5px; color:#555; font-size:12px;">{{ config.version }}</div>
    </md-sidenav>
    <div flex layout="column">
        <div>
            <md-toolbar>
                <div class="md-toolbar-tools" ng-hide="publicInfo.searchBar">
                    <md-button hide-gt-sm class="md-icon-button" aria-label="menu" ng-click="menuButton()">
                        <i class="material-icons">menu</i>
                    </md-button>
                    <div>{{ config.title }}</div>
                    <span flex></span>
                    <md-button hide-sm hide-xs ng-repeat="menu in menus" aria-label="menu.icon" ng-click="menuClick($index)">
                        {{ menu.name | translate }}
                    </md-button> 
                    <md-button aria-label="language menu" class="md-icon-button" ng-click="chooseLanguage()">
                        <md-icon class="material-icons">language</md-icon>
                    </md-button>
                    </md-menu>
                </div>
            </md-toolbar>
        </div>
        <div flex layout="row">
            <md-content flex layout="row">
                <div ui-view flex autoscroll="true"></div>
            </md-content>
        </div>
    </div>
    </section>
</div>
<div ng-controller="HomeController" layout="column" ng-cloak layout-fill ng-if="config.fullscreenSkin">
    <div layout-fill
        ng-include="'/public/views/skin/' + config.skin + '.html'">
    </div>
    <div ui-view flex autoscroll="true"></div>
</div>

